//页面加载完
$(function () {
    //
    let size = 5;
    let page = 1;
    let dateObj = {};
    let paeStr = "size=" + size + "&page=" + page;

    //请求参数
    //
    findAllDepts("student/list.php",paeStr);

    function findAllDepts(url,paeStr){
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/x-www-form-urlencoded",
            //请求地址
            url : url,
            //数据
            data : paeStr,
            //请求成功
            success : function(result) {
                let jsonObj=JSON.parse(result);
                if(jsonObj.code==200){
                    //创建列表
                    let stuDate = jsonObj.data;

                    dateObj.count = stuDate.count;
                    dateObj.stuArr = stuDate.list;
                    $("#tb").empty();
                    $("#pags").empty();
                    //创建信息
                    for (let i = 0; i < size; i++) {
                        if(i<dateObj.stuArr.length){
                            $("#tb").append($("<tr></tr>"))
                            for (let key in dateObj.stuArr[i]) {
                                if (key == "sex") {
                                    if (dateObj.stuArr[i][key] == 1) {
                                        $("<td>男</td>").appendTo($("#tb>tr:last"));
                                    } else {
                                        $("<td>女</td>").appendTo($("#tb>tr:last"));
                                    }
                                } else if (key == "city") {
                                    switch (dateObj.stuArr[i][key]) {
                                        case "1":
                                            $("<td>北京</td>").appendTo($("#tb>tr:last"));
                                            break;
                                        case "2":
                                            $("<td>福州</td>").appendTo($("#tb>tr:last"));
                                            break;
                                        case "3":
                                            $("<td>厦门</td>").appendTo($("#tb>tr:last"));
                                            break;
                                        case "4":
                                            $("<td>龙岩</td>").appendTo($("#tb>tr:last"));
                                            break;
                                        case "5":
                                            $("<td>泉州</td>").appendTo($("#tb>tr:last"));
                                            break;

                                    }
                                } else {
                                    $("<td>" + dateObj.stuArr[i][key] + "</td>").appendTo($("#tb>tr:last"));
                                }
                            }
                            $("<td><button class='change'>修改</button><button class='del'>删除</button></td>").appendTo($("#tb>tr:last"));

                        }

                    }

                    //创建页码
                    for (let k = 1; k <=Math.ceil(dateObj.count / size); k++) {
                        $("<button>"+k+"</button>").appendTo($("#pags"));
                    }


                    //页码注册事件
                    $("#pags button").click(function () {
                        page = $(this).text();
                        paeStr = "size=" + size + "&page=" + page;
                        findAllDepts("student/list.php",paeStr);
                    });

                } else{
                    alert(jsonObj.msg);
                }

            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    }

    // 给删除添加点击事件
    $("#tb").on("click",".del",function () {
        let queryStr="id="+$(this).parents("tr").children().first().text();
        findAllDepts("student/delete.php",queryStr);
        $(this).parent().parent().remove();

    });

    //给修改添加事件
    $("#tb").on("click",".change",function () {

        location.href="changeMess.html";

    });
    //给新增按钮添加事件
    $("#new").click(function () {
        $("#mask").show();
        $("#J_addTable").show();
    })

    //给添加注册事件
    $("#btn").click(function () {
        let nameStr=$("#stuName").val();//名字
        let sexArr=document.getElementsByName("sex");
        let ageStr=$("#stuAge").val();//年龄
        let eduStr=$("#stuEdu").val();//大学
        let cityObj=$("#stuCity").val();
        let numStr=$("#stuNum").val();

        let sexStr=1;
        for(let i=0;i<sexArr.length;i++){
            if(sexArr[i].checked){
                sexStr=sexArr[i].value;
            }
        }
        let parStr="name="+nameStr+"&sex="+sexStr+"&age="+ageStr+"&edu="+eduStr+"&city="+cityObj+"&no="+numStr;

        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/x-www-form-urlencoded",
            //请求地址
            url : "student/add.php",
            //数据
            data : parStr,
            //请求成功
            success : function(result) {
                let jsonObj=JSON.parse(result);
                if(jsonObj.code==200){
                    $("#mask").hide();
                    $("#J_addTable").hide();
                } else{
                    alert(jsonObj.msg);
                }
            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
        findAllDepts("student/list.php",paeStr);


    });

    //右边按钮添加事件
    $("#right").click(function () {

        if (page >= Math.ceil(dateObj.count / size) ) {
            page = Math.ceil(dateObj.count / size) ;
            return;
        }
        page++;
        paeStr = "size=" + size + "&page=" + page;
        findAllDepts("student/list.php",paeStr);
    });

    //左边按钮添加事件
    $("#left").click(function () {
        if (page <= 1) {
            page = 1;
            return;
        }
        page--;
        paeStr = "size=" + size + "&page=" + page;
        findAllDepts("student/list.php",paeStr);
    });
});
